<div data-v-component-plugin-contact-form-form data-v-storage="database" data-v-confirm-email="true" data-v-name="contact-form-appointment">

@@include('../../_includes/notifications.html')

	<form action="" method="post">
	  <input type="hidden" class="form-control" placeholder="First name" name="firstname-empty">	
	  <input type="hidden" class="form-control" placeholder="Email" name="csrf" data-v-csrf>
	  
	  <div class="row">
		<div class="col">
		  <input type="text" class="form-control" placeholder="First name" name="firstname" required>
		</div>
		<div class="col">
		  <input type="text" class="form-control" placeholder="Last name" name="lastname" required>
		</div>
	  </div>

	  <div class="row mt-4">
		<div class="col">
		  <input type="email" class="form-control" placeholder="Enter email" name="email" required>
		</div>
	  </div>

	  <div class="row mt-4">
		<div class="col">
		  <input type="start-date" class="form-control" placeholder="Start Date" name="datetime-local" required>
		</div>
	  </div>
	  
	  <div class="row mt-4">
		<div class="col">
		  <input type="end-date" class="form-control" placeholder="End Date" name="datetime-local" required>
		</div>
	  </div>

	  <div class="row mt-4">
		<div class="col">
		  <textarea class="form-control" name="message" rows="3" placeholder="Message"></textarea>
		</div>
	  </div>


	 <!-- if these hidden inputs are filled then ignore, robots -->

	 <input type="text" class="form-control d-none" placeholder="Contact form" name="contact-form" >	
	 
	 <input type="text" class="form-control d-none" placeholder="Subject" name="subject-empty" >	
	 
	 <input type="text" class="form-control visually-hidden" placeholder="Last name" name="lastname-empty" tabindex="-1">	
	 

	  <div class="row mt-4">
		<div class="col">
		  <button type="submit" class="btn btn-primary">Make reservation <i class="la la-long-arrow-alt-right ms-1"></i></button>
		</div>
	  </div>
	</form>
</div>
